/**
 * Copyright (c) 快宝网络 kuaidihelp.com Co., Ltd. All Rights Reserved 禁止外泄以及用于其它的商业用途
 */

import React, { PureComponent } from "react";
import { SingleNumber, WorkNumber } from "@/components/ScanningQuery";
import PageHeaderLayout from "@/layouts/PageHeaderLayout";
import StandardTab from "@/components/StandardTab";
import styles from "./style.less";

export default class Query extends PureComponent {
  state = {};

  render() {
    const { activeKey } = this.state;
    return (
      <PageHeaderLayout title="扫描记录查询">
        <div className={styles.main}>
          <div style={{ paddingBottom: "24px" }}>
            <StandardTab
              style={{ marginBottom: 24 }}
              onChange={activeKey => {
                this.setState({
                  activeKey
                });
              }}
              activeKey={activeKey}
              name="query"
              location={this.props.location}
              panes={[{
                tab: "查询单号",
                component: (<SingleNumber />)
              }, {
                tab: "查询业务员",
                component: (<WorkNumber />)
              }]}
            />
          </div>
        </div>
      </PageHeaderLayout>
    );
  }
}
